<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
  <head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/resources/js/jquery-1.11.1.min.js"></script>
    <script src="/resources/js/self.js"></script>
    <script type="text/javascript" src="/resources/js/md5.js"></script>
    <script type="text/javascript" src="/resources/My97DatePicker/WdatePicker.js"></script>
    <script type="text/javascript" src="/resources/js/ajaxfileupload.js"></script>
    <script type="text/javascript" src="/resources/js/Util.js"></script>
  </head>
<style>
  td{white-space:normal}
  body{margin:0;	padding:0; font-family:"Microsoft Yahei"; font-size:20px;}
  *{ margin:0 ; padding:0;}
  a{ color:#fff; text-decoration:none; font-size:16px; }
  a img{ border:none;}
  .main{ width:960px; margin:0 auto; padding-top:10px;}
  .yq{ width:103px; height:103px; background:#d0d0d0; color:#fff; border:6px solid #ececec; text-align:center; border-radius:50%; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px;}
  .yqon{ background:#23aee5; color:#fff;
    width:103px; height:123px;
    text-align:center;
    white-space: inherit;
    border-radius:50%;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px;}
  .yq1 {width:103px; height:103px; background:#d0d0d0; color:#fff; border:6px solid #ececec; text-align:center; border-radius:50%; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px;}
  .tcnr{ position:absolute; top:126px; width:300px; margin-left:-100px;  padding:20px; font-size:15px; line-height:24px; background:#f5f5f5;  border:1px solid #ccc;  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px; border-radius:2px; color:#000; }
  .tcnr h1{ font-size:22px; text-align:center; font-weight:bold; padding-bottom:10px;}
  .tcnrtwo{ position:absolute; color:#000; top:146px; width:200px; margin-left:-60px;  padding:20px; font-size:15px; line-height:24px; background:#f5f5f5;  border:1px solid #ccc;  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px; border-radius:2px; }
  .tcnrtwo h1{ font-size:22px; text-align:center; font-weight:bold; padding-bottom:10px;}

  .yqon a .disply, .yq a .disply{ display:none;}
  .yqon a:hover .block, .yq a:hover .block{ display:block;}
  .xgang{background:url(/resources/images/11-1.gif) no-repeat; background-size: 358px 118px; width:358px; height:143px;  position: relative; z-index: 33;}
.weizhi{position: relative;
  z-index: 555;}
  .tcnrthree{ position:absolute; color:#000; top:346px; width:200px; margin-left:-60px;  padding:20px; font-size:15px; line-height:24px; background:#f5f5f5;  border:1px solid #ccc;  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px; border-radius:2px; }
  .tcnrthree h1{ font-size:22px; text-align:center; font-weight:bold; padding-bottom:10px;}

</style>
</head>

<body>
<div class="main" >
  <button onclick="back()" class="btn btn-primary" type="button" style="float: right;margin-right: 20px;">返回</button>
<table width="950" border="0" align="center" cellpadding="0" cellspacing="0" class="weizhi">
  <tr>
    <td style="font-size:22px; color:#000; font-weight:bold;width: 5%"><span  name="companyName"></span></td>
    <td align="center" width="105"><img src="/resources/images/1_12.gif" width="85" height="24" /></td>
    <td class="yqon"><a href=""><img src="/resources/images/2_03.png" width="54" height="67" /></a></td>
    <td align="center" width="105"><img src="/resources/images/1_12.gif" width="85" height="24" /></td>
    <td class="yqon" >
      <a href="javascript:void(0);" onclick="showTransInfo()">
        <img src="/resources/images/3_06.png" width="82" height="49" /><br/>
         <span name="transportCompany">运输公司</span>
          <div class="tcnr disply block" style="z-index:1000">
            <h1>装车</h1>
            <div >运输车辆:<span name="transportCarInfo"></span>
            </div>
            <div >驾驶员:<span name="driverName"></span>
            </div>
            <div >押运人:<span name="supercargoName"></span>
            </div>
          </div>
      </a>
	</td>
    <td align="center" width="268">审核通过<br/><img src="/resources/images/11_15.gif" width="248" height="24" /></td>
	 <td class="yqon">
       <a href ="javascript:void(0);" onclick="showBuyCompany()">
         <img src="/resources/images/4_09.png" width="48" height="55" /><br/>
         <span name="buyCompany"></span>
         <div class="tcnrtwo disply block">
           <h1>购买单位</h1>
           <div>
             <span name="buyCompany"></span>
           </div>
         </div>
	 </a>
     </td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td  style="text-align:right"><img src="/resources/images/13_15.gif" width="24" height="100" /></td>
          <td style="text-align:left" valign="top" >数<br/>
            据<br/>
            流<br/>
            量<br/>
            表</td>
        </tr>
      </table>
      </td>
    <td colspan="3"><div class="xgang"></div></td>
	<td></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td class="yqon" style="height: 145px;"><a href=""><img src="/resources/images/5_23.png" width="60" height="51" /><br/>派出所</a></td>
    <td align="center"><img src="/resources/images/1_12.gif" width="85" height="24" /></td>
    <td class="yqon">
      <a href="javascript:void(0);">
        <img src="/resources/images/6_26.png" width="57" height="46" /><br/>数据对比
        <div class="tcnr disply block" style="z-index:1000">
          <h1>数据对比</h1>
          <div>
            申报数值:<span name="amount"></span>
          </div>
          <div>
            采集数值:<span name="monitorValueLora">无</span>
          </div>
        </div>
	   </a>
    </td>
    <td><table  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="95" align="center"><img src="/resources/images/2_12.gif" width="85" height="24" /></td>
        <td class="yqon" style="height: 145px;width: 145px"><a href=""><img src="/resources/images/5_23.png" width="60" height="51" /><br/>派出所备案</a></td>
      </tr>
    </table></td>

  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td align="center"><img src="/resources/images/10_35.gif" width="24" height="80" /></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td class="yqon" style="height:145px;"><a href="javascript:void(0);" onclick="audit()">
      <img src="/resources/images/7_35.png" width="65" height="54" /><br/>人工审核</a>
    </td>
    <td><table  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="95" align="center">符合<br/><img src="/resources/images/1_12.gif" width="85" height="24" /><br/>
          <img src="/resources/images/2_12.gif" width="85" height="24" /><br/>不符合</td>

        <td class="yqon" style="width: 145px;height: 145px;">
          <a href="" >
            <img src="/resources/images/15_32.png" width="55" height="58" /><br/>
            复核
          <div class="tcnrthree disply block" style="z-index:1000">
            <h1>复核</h1>
            <div>
              <span  name="replyRemark">
               无
              </span>
            </div>
          </div>
        </a></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td align="center"><img src="/resources/images/10_35.gif" width="24" height="80" /></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td  class="yqon" style="height: 145px"><a href="javascript:void(0);"><img src="/resources/images/8_39.png" width="56" height="49" /><br/>归档</a></td>
    <td>&nbsp;</td>
  </tr>
</table>
</div>
</body>

<script type="application/javascript">
    var pageData = {};
    $(function () {
        initData();
    });
    function initData(){
        var data = getData();
        if(null2empty(data["id"]) !==""){
            var id = data.id;
            $("input[name='id']").val(id);
            $.ajax({
                url:"/admin/saleOrder/find.do",
                data:{'id':id},
                type:'post',
                dataType:'json',
                success:function(data){
                    console.log(data);
                    pageData = data.data;
                    if(data.success){
                        $("[name='companyName']").html(data.data.company.name);
                        $("[name='buyCompany']").html(data.data.buyCompany.name);
                        $("[name='transportCompany']").html(data.data.transportCompany.name);
                        $("[name='transportCarInfo']").html(data.data.transportCarInfo);
                        $("[name='driverName']").html(data.data.driverName);
                        $("[name='supercargoName']").html(data.data.supercargoName);
                        $("[name='amount']").html(data.data.amount);
                        if(!isNullOrUndefined(data.data.monitorValueLora)) {
                            $("[name='monitorValueLora']").html(data.data.monitorValueLora.calcValue);
                        }
                        $("[name='replyRemark']").html(data.data.replyRemark);

                    }
                }
            });
            $("#account").attr('readonly','readonly');
        }

    }
    function showTransInfo() {
        var id = pageData.id;
        goto("trans_info.html",{"id":id,"back_url":"process.html","back_id":id});
    }
    function showBuyCompany() {
        var id = pageData.buyCompany.id;
        goto("buyCompany_show.html",{"id":id,"back_url":"process.html","back_id":pageData.id});
    }
    function audit() {
        var id = pageData.id;
        goto("sale_order_remark.html",{"id":id,"back_url":"process.html","back_id":id});
    }
    function back() {
        var data = getData();
        if(!isNullOrUndefined(data.back_url)){
            if(!isNullOrUndefined(data.back_id)){
                data["id"] = data.back_id;
                goto(data.back_url,data);
            }else {
                data["id"] = "";
                goto(data.back_url,data);
            }
        }else {
            goto("sale_order_list.html",{"process":data.process,"refuseFlag":data.refuseFlag});
        }

    }
</script>
</html>
